<!DOCTYPE html >
<html lang="en" xmlns:th="https://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>化工职业技术学院图书管理</title>
  <link rel="icon" href="/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="/css/bootstrap.min.css"/>
  <script src="/js/jquery-3.5.1.min.js"></script>
  <script src="/js/bootstrap.min.js"></script>
  <style>
    .div1{
      width: 50%;
      height: 500px;
      margin: 0 auto;
    }
  </style>
</head>
<body>
<div class="div1">
  <h1>阅读使人进步</h1>
  <hr>
  <form action="addbook" method="post">
    <div class="form-group">
      <label for="name">书籍名字</label>
      <input type="text" class="form-control" id="name"  name="bookname" placeholder="bookname">
    </div>
    <div class="form-group">
      <label for="whirte">书籍作者</label>
      <input type="text" class="form-control" id="whirte" name="author" placeholder="作者">
    </div>
    <div class="form-group">
      <label for="press">书籍出版社</label>
      <input type="text" class="form-control" id="press" name="press" placeholder="出版社">
    </div>
    <div class="form-group">
      <label for="price">书籍价格</label>
      <input type="text" class="form-control" id="price" name="price" placeholder="价格">
    </div>

    <button type="submit" class="btn btn-default">Submit</button>
    <h2 th:text="${msg}"></h2>


  </form>
</div>
</body>
</html>